<template>
  <div>
    <van-notice-bar v-if="options.animationEffects" scrollable delay="0" :style="{ fontSize: options.fontSize, color: options.fontColor }">
      <template>
        <div v-html="options.content"></div>
      </template>
    </van-notice-bar>
    <div v-else :style="{ fontSize: options.fontSize, color: options.fontColor }" v-html="options.content"></div>
  </div>
</template>

<script>
export default {
  name: 'NoticeTips',
  props: {
    options: {
      type: Object,
      default: function () {
        return {
          animationEffects: false,
          fontSize: '36px',
          fontColor: '#000',
          content: ''
        };
      }
    }
  }
};
</script>
